<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>首页</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/modernizr.custom-css.js"></script>
</head>
<body>
<!--头部-->
<header class="header clearfix m">
	<a class="logo lfloat" href="index.html"><img src="" alt="" /></a>
    <div class="header_info relative">
    	<span class="header_nav">
        	<a href="#">关于我们</a>
        	<a href="#">帮助与服务</a>
        </span>
        <span class="header_tel">400-830-8003</span>
        <span class="header_other">
        	<a href="#"></a>
        	<a href="#"></a>
        	<a href="#"></a>
        	<a href="#"></a>
        </span>
        <div class="login_reg">
        	<a class="current" href="login.html">登录</a>
        	<a href="login.html">注册</a>
        </div>
    </div>
</header>
<!--导航-->
<nav class="nav m">
	<ul class="clearfix">
    	<li><a href="index.html">首页</a></li>
    	<li><a href="#">投资理财</a></li>
    	<li><a href="#">易发宝</a></li>
    	<li><a href="#">E+盈账户</a></li>
    	<li><a href="#">0元购</a></li>
    	<li class="current"><a href="#">个人贷款</a></li>
    </ul>
</nav>
<!--个人贷款-->
<div class="einzelkredit m">
    <div class="online_assess clearfix">
        <div class="einzelkredit_show lfloat">
            <img src="" alt="" />
        </div>
        <div class="assess_info">
            <div class="assess_t">
                <h1>在线预评</h1>
                <a href="#" target="_blank">查询进度</a>
            </div>
            <div class="assess_m">
                <ul>
                    <li>
                        <label>姓名：</label>
                        <input type="text" />
                    </li>
                    <li>
                        <label>性别：</label>
                        <label><input type="radio" name="gender" />男</label>
                        <label><input type="radio" name="gender" />女</label>
                    </li>
                    <li>
                        <label>手机：</label>
                        <input type="text" />
                    </li>
                    <li>
                        <label>身份证号：</label>
                        <input type="text" />
                        <div class="tips">只支持18位身份证客户在线申请，您亦可携带其他有效身份证件亲临我行网点办理</div>
                    </li>
                    <li>
                        <label>城市：</label>
                        <input type="text" />
                    </li>
                    <li>
                        <label>雇佣状态：</label>
                        <input type="text" />
                    </li>
                    <li>
                        <label>月收入：</label>
                        <input type="text" /> 元
                    </li>
                    <li>
                        <label>申请金额：</label>
                        <input type="text" /> 元
                    </li>
                    <li>
                        <label>验证码：</label>
                        <input type="text" />
                        <img src="" alt="" />
                        <a href="#">看不清？换一个</a>
                    </li>
                </ul>
                <p><input type="checkbox" />我已阅读并接受《网络申请说明》</p>
                <div class="assess_submit">
                    <button type="submit">下一步</button>
                </div>
            </div>
        </div>
    </div>

    <div class="einzelkredit_step">
        <h1>贷款流程</h1>
        <div class="stepBox">
            <div class="step1"><strong>1.</strong>在线提交贷款申请</div>
            <div class="step2"><strong>2.</strong>客服联系您备齐资料</div>
            <div class="step3"><strong>3.</strong>提交资料，开立“自信卡”账户，审核放款</div>
        </div>
    </div>

    <div class="einzelkredit_calculator">
        <h1>贷款计算器</h1>
        <div class="calculatorBox">
            <div class="calculatorBox_step">
                <div class="step1"><strong>1.</strong>填写贷款试算信息</div>
                <div class="step2"><strong>2.</strong>查看结果</div>
            </div>
            <div class="calculator1">
                <table border="0">
                    <tr>
                        <td><span class="red">*</span>贷款品种大类：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td><span class="red">*</span>贷款品种小类：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>贷款金额：</td>
                        <td><span><span class="red">￥</span><input type="text" /></span>人民币 </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>贷款期限：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                            <input type="text" />
                        </td>
                        <td>利率浮动比（%）：</td>
                        <td>
                            <input type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>还款方式：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td><span class="red">*</span>还款周期：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>扣款日期：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </div>

            <div class="calculator2">
                <p><input type="checkbox" />第二种试算方案</p>
                <table border="0">
                    <tr>
                        <td><span class="red">*</span>贷款品种大类：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td><span class="red">*</span>贷款品种小类：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>贷款金额：</td>
                        <td><span><span class="red">￥</span><input type="text" /></span>人民币 </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>贷款期限：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                            <input type="text" />
                        </td>
                        <td>利率浮动比（%）：</td>
                        <td>
                            <input type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>还款方式：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td><span class="red">*</span>还款周期：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="red">*</span>扣款日期：</td>
                        <td>
                            <select>
                                <option>------请选择------</option>
                            </select>
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </div>
            <div class="calculator_btn">
                <button type="button">提交</button>
                <button type="button">对比</button>
                <button type="button">取消对比</button>
            </div>
            <div class="calculator_contrast">贷款方案对比</div>
        </div>
    </div>

    <div class="einzelkredit_txt">
        <p>说明：</p>
        <ul>
            <li>1、利率浮动比的输入如果是正数直接输入数字，如果是负数在数字前面加“-”号；</li>
            <li>2、利率浮动比如果是正数表示上浮百分比，负数表示下浮百分比；</li>
            <li>3、先选择贷款大类才能选择贷款小类；</li>
            <li>4、请注意：*为必填项目。</li>
        </ul>
    </div>
</div>

<!--页脚-->
<footer class="footer m">
    <div class="ewm rfloat">
        <a href="#" target="_blank"><img src="" alt="微博二维码" /></a>
        <a href="#" target="_blank"><img src="" alt="微信二维码" /></a>
    </div>
    <div class="copyright">
        <div class="footer_nav">
            <a href="#">新手必读</a> | <a href="#">关于我们</a> | <a href="#">帮助与服务</a> | <span>客服电话：400-830-8003</span>
        </div>
        <p class="copyright_txt">广发银行<img src="" alt="" />版权所有粤ICP备05058995号</p>
    </div>
</footer>

<div class="popup_box">
    <div class="popup_m popup_pt">
        <img src="" alt="" class="popup_pic lfloat" />
        <div class="popup_txt">
            <p>尊敬的客户，“贷款额度在线预评”为有偿服务，无论是否通过预评，您需向我行支付5元咨询服务费，若点击“继续”系统将跳转至转账页面；如您是E+盈平台用户，请点击“登录”按钮，在我的账户-我的贷款-申请贷款中将免费预评，如您还不是E+盈平台用户，欢迎您立刻，成为我们的平台客户。</p>
            <div class="popup_btn">
                <a href="#">登录</a>E+盈账户
                <a href="#">继续</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>
